
/* 
	## 1741 to 1902
	## 1681 to 1740
	## 1537 to 1680
	## 1367 to 1536
	## 1367 to 1550
	## 1201 to 1550
	## 1201 to 1366
	## 992 to 1200
	## 1025 to 1200
	## 1201 to 1280
	## 1281 to 1366
	## 992 to 1024
	## 768 to 991
	## 319 to 767
	## 481 to 767
	## 319 to 480
	## 319 to 479
	## 991
*/

.imgslider1{
	display: block;
}

.imgslider2{
	display: none;
}


.btn-inicio-izquierda{
	font-size: 20px;
	color: white;
	left: 250px;
	padding: 10px;
	background-color: black;
	border-radius: 4px;
	bottom: 15%;
	top: auto;
	left: 50%;
	top: auto;
}

.btn-inicio-derecha{
	font-size: 20px;
	color: white;
	right: 250px;
	padding: 10px;
	background-color: black;
	border-radius: 4px;
	bottom: 15%;
	top: auto;
	right: 50%;
	top: auto;
}


/* ## 1741 to 1902 ## */
@media only screen and (min-width: 1741px) and (max-width: 1902px) 
{
	.contacto
	{
		
	}
	
	.slide-sub-title-cel-left
	{
		width: 30% !important;
	}
	
	.footer-text{
		
	}
	
	.btn-inicio-izquierda{
		font-size: 20px;
		color: white;
		left: 250px;
		padding: 10px;
		background-color: black;
		border-radius: 4px;
		bottom: 15%;
		top: auto;
		left: 50%;
		top: auto;
	}
	
	.btn-inicio-derecha{
		font-size: 20px;
		color: white;
		right: 250px;
		padding: 10px;
		background-color: black;
		border-radius: 4px;
		bottom: 15%;
		top: auto;
		right: 50%;
		top: auto;
	}	
	
	/* How We Work */
	.research-slope:before {
		width: 52.4%;
	}
	/* Our Genius */
	.genius-gallery {
		width: 100%;
		display: inline-block;
	}
	.our-genius .style1,
	.our-genius .style3{
		width: 25.135%;
	} 
	
	.our-genius .style4{
		width: 28%;
	} 
	
	.our-genius .style5,
	.our-genius .style6{
		width: 25.1%;
	} 
	 
	.our-genius .style7 {
		width: 28%;
	}
	.our-genius .style2 {
		width: 56%;		
	}
	.our-genius .style1,
	.our-genius .style2,
	.our-genius .style3, 
	.our-genius .style4, 
	.our-genius .style5, 
	.our-genius .style6, 
	.our-genius .style7,
	.our-genius .style1 img,
	.our-genius .style2 img,
	.our-genius .style3 img, 
	.our-genius .style4 img, 
	.our-genius .style5 img, 
	.our-genius .style6 img, 
	.our-genius .style7 img {
		height: 400px;			
	}
	.our-genius .style1 img,
	.our-genius .style2 img,
	.our-genius .style3 img, 
	.our-genius .style4 img, 
	.our-genius .style5 img, 
	.our-genius .style6 img, 
	.our-genius .style7 img {
		width: 100% !important;
	}
	.inner-social-info {
		padding: 90px 70px;
	}
	.inner-social-info p {
		font-size: 15px;
		line-height: 25px;
	}
	.progress {
		margin-top: 40px;
		height: 50px;
		line-height: 50px;
	}
}

/* ## 1681 to 1740 ## */
@media only screen and (min-width: 1681px) and (max-width: 1740px) {
.slide-sub-title-cel-left
{
	width: 30% !important;
}

.footer-text{
	
}

.btn-inicio-izquierda{
	font-size: 20px;
	color: white;
	left: 250px;
	padding: 10px;
	background-color: black;
	border-radius: 4px;
	bottom: 15%;
	top: auto;
	left: 50%;
	top: auto;
}

.btn-inicio-derecha{
	font-size: 20px;
	color: white;
	right: 250px;
	padding: 10px;
	background-color: black;
	border-radius: 4px;
	bottom: 15%;
	top: auto;
	right: 50%;
	top: auto;
}

	/* How We Work */
	.research-slope:before {
		width: 53.4%;
	}
	
	/* Our Genius */
	.genius-gallery {
		width: 100%;
		display: inline-block;
	}
	.our-genius .style1,
	.our-genius .style3{
		width: 23.72%;
	} 
	.our-genius .style4, 
	.our-genius .style5, 
	.our-genius .style6, 
	.our-genius .style7 {
		width: 26.696%;
	}
	.our-genius .style2 {
		width: 59.36%;		
	}
	.our-genius .style1,
	.our-genius .style2,
	.our-genius .style3, 
	.our-genius .style4, 
	.our-genius .style5, 
	.our-genius .style6, 
	.our-genius .style7,
	.our-genius .style1 img,
	.our-genius .style2 img,
	.our-genius .style3 img, 
	.our-genius .style4 img, 
	.our-genius .style5 img, 
	.our-genius .style6 img, 
	.our-genius .style7 img {
		height: 400px;			
	}	
	.inner-social-info {
		padding: 90px 70px;
	}
	.inner-social-info p {
		font-size: 15px;
		line-height: 25px;
	}
	.progress {
		margin-top: 40px;
		height: 50px;
		line-height: 50px;
	}
}

/* ## 1537 to 1680 ## */
@media only screen and (min-width: 1537px) and (max-width: 1680px) {
.slide-sub-title-cel-left
{
	width: 30% !important;
}

.footer-text{
	
}

.btn-inicio-izquierda{
	font-size: 20px;
	color: white;
	left: 250px;
	padding: 10px;
	background-color: black;
	border-radius: 4px;
	bottom: 15%;
	top: auto;
	left: 50%;
	top: auto;
}

.btn-inicio-derecha{
	font-size: 20px;
	color: white;
	right: 250px;
	padding: 10px;
	background-color: black;
	border-radius: 4px;
	bottom: 15%;
	top: auto;
	right: 50%;
	top: auto;
}

	/* How We Work */
	.research-slope:before {
		width: 54.4%;
	}
	
	/* Our Genius */
	.genius-gallery {
		width: 100%;
		display: inline-block;
	}
	.our-genius .style1,
	.our-genius .style3{
		width: 23.8%;
	} 
	.our-genius .style4, 
	.our-genius .style5, 
	.our-genius .style6, 
	.our-genius .style7 {
		width: 26.756%;
	}
	.our-genius .style2 {
		width: 59.45%;		
	}
	.our-genius .style1,
	.our-genius .style2,
	.our-genius .style3, 
	.our-genius .style4, 
	.our-genius .style5, 
	.our-genius .style6, 
	.our-genius .style7,
	.our-genius .style1 img,
	.our-genius .style2 img,
	.our-genius .style3 img, 
	.our-genius .style4 img, 
	.our-genius .style5 img, 
	.our-genius .style6 img, 
	.our-genius .style7 img {
		height: 400px;			
	}	
	
	.inner-social-info {
		padding: 90px 70px;
	}
	.inner-social-info p {
		font-size: 15px;
		line-height: 25px;
	}
	.progress {
		margin-top: 40px;
		height: 50px;
		line-height: 50px;
	}
	
	.skills-info {
		right: 5px;
	}
}

/* ## 1367 to 1536 ## */
@media only screen and (min-width: 1367px) and (max-width: 1536px)
{
.slide-sub-title-cel-left
{
	width: 30% !important;
}

.footer-text{
	
}

.btn-inicio-izquierda{
	font-size: 20px;
	color: white;
	left: 250px;
	padding: 10px;
	background-color: black;
	border-radius: 4px;
	bottom: 15%;
	top: auto;
	left: 50%;
	top: auto;
}

.btn-inicio-derecha{
	font-size: 20px;
	color: white;
	right: 250px;
	padding: 10px;
	background-color: black;
	border-radius: 4px;
	bottom: 15%;
	top: auto;
	right: 50%;
	top: auto;
}

	/* Our Genius */
	.genius-gallery {
		width: 100%;
		display: inline-block;
	}
	.our-genius .style1,
	.our-genius .style3{
		width: 24.15%;
	} 
	.our-genius .style4, 
	.our-genius .style5, 
	.our-genius .style6, 
	.our-genius .style7 {
		width: 26.921%;
	}
	.our-genius .style2 {
		width: 59.42%;		
	}
	.our-genius .style1,
	.our-genius .style2,
	.our-genius .style3, 
	.our-genius .style4, 
	.our-genius .style5, 
	.our-genius .style6, 
	.our-genius .style7,
	.our-genius .style1 img,
	.our-genius .style2 img,
	.our-genius .style3 img, 
	.our-genius .style4 img, 
	.our-genius .style5 img, 
	.our-genius .style6 img, 
	.our-genius .style7 img {
		height: 350px;			
	}
	
	
	.inner-social-info {
		padding: 20px 35px;
	}
	.inner-social-info p {
		font-size: 15px;
		line-height: 25px;
	}
	.progress {
		margin-top: 25px;
		height: 50px;
		line-height: 50px;
	}
	.skills-info {
		right: 8px;
	}
	.social-info {
		padding: 50px 0;
	}
}

/* ## 1367 to 1550 ## */
@media only screen and (min-width: 1367px) and (max-width: 1550px)
{
.slide-sub-title-cel-left
{
	width: 30% !important;
}

.footer-text{
	
}

.btn-inicio-izquierda{
	font-size: 20px;
	color: white;
	left: 250px;
	padding: 10px;
	background-color: black;
	border-radius: 4px;
	bottom: 15%;
	top: auto;
	left: 50%;
	top: auto;
}

.btn-inicio-derecha{
	font-size: 20px;
	color: white;
	right: 250px;
	padding: 10px;
	background-color: black;
	border-radius: 4px;
	bottom: 15%;
	top: auto;
	right: 50%;
	top: auto;
}

	.research-slope:before {
		/*border-bottom: 800px solid rgba(231, 76, 68, 0.9);
		border-left: 50px solid transparent;
		border-right: 50px solid transparent;*/
		/*border: none;
		background-color: rgba(231, 76, 68, 0.9);*/
		content: "";
		height: 100%;
		width: 54.2%;
		/*transform: rotate(5deg);
		-webkit-transform: rotate(5deg);
		-moz-transform: rotate(5deg);
		-o-transform: rotate(5deg);*/
		
	}
	.research {
		right: 155px;
	}
	.we-perfection {
		left: 155px;
	}	
	.we-perfection-slope:before
	{
		border: none;
		background-color: rgba(231, 76, 68, 0.9);
		content: "";
		height: 110%;
		top: -79px;
		width: 50%;
		transform: rotate(-14deg);
		-webkit-transform: rotate(-14deg);
		-moz-transform: rotate(-14deg);
		-o-transform: rotate(-14deg);
	}
	.clean-code:before {
		border: none;
		background-color: rgba(231, 76, 68, 0.9);
		content: "";
		height: 120%;
		top: -25px;
		width: 50%;
		transform: rotate(15deg);
		-webkit-transform: rotate(15deg);
		-moz-transform: rotate(15deg);
		-o-transform: rotate(15deg);
		
	}
	.we-launch-slope:before {
		content: "";
		height: 120%;
		top: -115px;
		transform: rotate(5.5deg);
		-webkit-transform: rotate(5.5deg);
		-moz-transform: rotate(5.5deg);
		-o-transform: rotate(5.5deg);
		width: 57%;
	}
	.we-launch-slope {
		margin-top: -275px;
	}
	
	.features-section h2 {
		margin-right: 85px;
	}
	.why-choose h2 {
		margin-left: 95px;
	}
}

/* ## 1201 to 1550 ## */
@media only screen and (min-width: 1201px) and (max-width: 1550px)
{
.slide-sub-title-cel-left
{
	width: 30% !important;
}

.footer-text{
	
}

.btn-inicio-izquierda{
	font-size: 20px;
	color: white;
	left: 250px;
	padding: 10px;
	background-color: black;
	border-radius: 4px;
	bottom: 15%;
	top: auto;
	left: 50%;
	top: auto;
}

.btn-inicio-derecha{
	font-size: 20px;
	color: white;
	right: 250px;
	padding: 10px;
	background-color: black;
	border-radius: 4px;
	bottom: 15%;
	top: auto;
	right: 50%;
	top: auto;
}

	/* Why Choose Section */
	.why-choose-box {
		margin-left: 89px;
	}
	/* Our Genius */
	.our-genius .style1 img,
	.our-genius .style2 img,
	.our-genius .style3 img, 
	.our-genius .style4 img, 
	.our-genius .style5 img, 
	.our-genius .style6 img, 
	.our-genius .style7 img {
		width: 100% !important;			
	}
	.brag-content {
		top: 130px;
	}
}

/* - min-width: 992 */
@media (min-width: 992px) {
.slide-sub-title-cel-left
{
	width: 30% !important;
}

.footer-text{
	
}

.btn-inicio-izquierda{
	font-size: 20px;
	color: white;
	left: 250px;
	padding: 10px;
	background-color: black;
	border-radius: 4px;
	bottom: 15%;
	top: auto;
	left: 50%;
	top: auto;
}

.btn-inicio-derecha{
	font-size: 20px;
	color: white;
	right: 250px;
	padding: 10px;
	background-color: black;
	border-radius: 4px;
	bottom: 15%;
	top: auto;
	right: 50%;
	top: auto;
}

	/* .service-section .col-md-6:nth-child(2n+1){
		clear: both;
	} */
	.service-section .service-box-inner {
		height: 150px;
		overflow: hidden;
	}
	
	.service-section .col-md-6:nth-child(7) .content-box,
	.service-section .col-md-6:nth-child(3) .content-box  {
		padding-left: 20px;
	}
	
	.service-section .col-md-6:nth-child(5) .content-box  {
		padding-left: 10px;
	}
}


/* ## 1201 to 1366 ## */
@media only screen and (min-width: 1201px) and (max-width: 1366px){
.slide-sub-title-cel-left
{
	width: 30% !important;
}

.footer-text{
	
}

.btn-inicio-izquierda{
	font-size: 20px;
	color: white;
	left: 250px;
	padding: 10px;
	background-color: black;
	border-radius: 4px;
	bottom: 15%;
	top: auto;
	left: 50%;
	top: auto;
}

.btn-inicio-derecha{
	font-size: 20px;
	color: white;
	right: 250px;
	padding: 10px;
	background-color: black;
	border-radius: 4px;
	bottom: 15%;
	top: auto;
	right: 50%;
	top: auto;
}

	.slider-section .slide-title span.inner-circle span:nth-child(1){
		font-size: 60px;
	}
	.slider-section .slide-title span.inner-circle span:nth-child(2) {
		font-size: 60px;
	}
	.slider-section .slide-title span.inner-circle span:nth-child(3){
		font-size: 60px;
	}
	
	.slider-section .slide-title-main span.inner-circle span:nth-child(1){
		font-size: 60px;
	}
	.slider-section .slide-title-main span.inner-circle span:nth-child(2) {
		font-size: 60px;
	}
	.slider-section .slide-title-main span.inner-circle span:nth-child(3){
		font-size: 60px;
	}
	
	/* How We Work */
	.research-slope:before {
		width: 52.8%;
		height: 100%;		
		top: -30px;
	}
	.research {
		right: 120px;
	}
	.we-perfection-slope:before {
		width: 52.2%;
		height: 120%;
		border: none;
		background-color: rgba(231,76,68,0.9);
		top: -83px;
		transform: rotate(-15deg);
		-webkit-transform: rotate(-15deg);
		-moz-transform: rotate(-15deg);
		-o-transform: rotate(-15deg);
	}
	.clean-code:before {
		width: 53%;
		height: 100%;
		border: none;
		transform: rotate(15deg);
		-webkit-transform: rotate(15deg);
		-moz-transform: rotate(15deg);
		-o-transform: rotate(15deg);
		background-color: rgba(231,76,68,0.9);
		top: 0px;
	}
	.we-launch-slope:before {
		border-color: rgba(231, 76, 68, 0.9) transparent;
		border-style: solid;
		border-width: 0px 200px 800px 0;
		height: 100%;
		top: 42px;
		transform: skewY(6deg);
		-webkit-transform: skewY(6deg);
		-moz-transform: skewY(6deg);
		-o-transform: skewY(6deg);
		width: 57%;
	}
	.features-section h2 {
		margin-right: 85px;
	}
	/* Why Choose */
	.why-choose-inner {
		margin-left: 40px;
	}
	.why-choose h2 {
		margin-left: 95px;
		font-size: 40px;
	}
	/* loght box form */
	.modal.in .modal-dialog {
		transform: translate(0px, 25%);
	} 

	.service-section .col-md-6:nth-child(5) .service-box-inner .content-box > p {
		padding-right: 55px;
	}
	.service-section .col-md-6:nth-child(4) .service-box-inner .content-box > p{
		padding-left: 60px;	
	}

}

/* ## 1025 to 1200 ## */
@media only screen and (min-width: 1025px) and (max-width: 1200px){
.slide-sub-title-cel-left
{
	width: 30% !important;
}

.footer-text{
	
}

.btn-inicio-izquierda{
	font-size: 20px;
	color: white;
	left: 250px;
	padding: 10px;
	background-color: black;
	border-radius: 4px;
	bottom: 15%;
	top: auto;
	left: 50%;
	top: auto;
}

.btn-inicio-derecha{
	font-size: 20px;
	color: white;
	right: 250px;
	padding: 10px;
	background-color: black;
	border-radius: 4px;
	bottom: 15%;
	top: auto;
	right: 50%;
	top: auto;
}

	.research-slope:before {
		width: 54.8%;
		height: 100%;		
		top: -30px;
	}
	/* Our Genius */
	.genius-gallery {
		width: 100%;
		display: inline-block;
	}
	.our-genius .style1,
	.our-genius .style3{
		width: 24.85%;
	} 
	.our-genius .style4, 
	.our-genius .style5, 
	.our-genius .style6, 
	.our-genius .style7 {
		width: 27.459%;
	}
	.our-genius .style2 {
		width: 60.2%;		
	}
	.our-genius .style1,
	.our-genius .style2,
	.our-genius .style3, 
	.our-genius .style4, 
	.our-genius .style5, 
	.our-genius .style6, 
	.our-genius .style7,
	.our-genius .style1 img,
	.our-genius .style2 img,
	.our-genius .style3 img, 
	.our-genius .style4 img, 
	.our-genius .style5 img, 
	.our-genius .style6 img, 
	.our-genius .style7 img {
		height: 250px;			
	}
	.our-genius .style1 img,
	.our-genius .style2 img,
	.our-genius .style3 img, 
	.our-genius .style4 img, 
	.our-genius .style5 img, 
	.our-genius .style6 img, 
	.our-genius .style7 img {
		width: 100% !important;			
	}
	
	.inner-social-info {
		padding: 20px 35px;
	}
	.inner-social-info p {
		font-size: 15px;
		line-height: 25px;
	}
	.progress {
		margin-top: 18px;
		height: 40px;
		line-height: 40px;
	}
	.hover {
		line-height: 290px;
	}
	
	/* ### Blog Page ### */

	.single-blog .entry-cover img {
		width: 100%;
		height: auto !important;
	}
	
	.client-style1.client-active,
	.client-style1:hover,
	.client-style2.client-active,
	.client-style2:hover,
	.client-style3.client-active,
	.client-style3:hover {
		height: 745px;
		background-size: 100% 100%;
	}
}


/* ## 992 to 1200 ## */
@media only screen and (min-width: 992px) and (max-width: 1200px) {
.slide-sub-title-cel-left
{
	width: 30% !important;
}

.footer-text{
	
}

.btn-inicio-izquierda{
	font-size: 20px;
	color: white;
	left: 250px;
	padding: 10px;
	background-color: black;
	border-radius: 4px;
	bottom: 15%;
	top: auto;
	left: 50%;
	top: auto;
}

.btn-inicio-derecha{
	font-size: 20px;
	color: white;
	right: 250px;
	padding: 10px;
	background-color: black;
	border-radius: 4px;
	bottom: 15%;
	top: auto;
	right: 50%;
	top: auto;
}

	/* Features Section */
	.feature-box {
		left: -83px;
	}
	.line.lightbulb hr {
		right: -560px;
	}
	.line.lightbulb i {
		right: -224px;
	}
	.line.house i {
		right: -344px;
	}
	.line.gift i {
		right: -310px;
	}
	.line.camera hr {
		right: -570px;
	}
	.line.camera i {
		right: -280px
	}
	/* Why Choose Section */
	.why-choose:before {
		width: 60%;
	}
	
	/* How We Work */
	
	.we-perfection-slope:before {
		width: 52.8%;
		height: 130%;
		border: none;
		background-color: rgba(231,76,68,0.9);
		top: -83px;
		transform: rotate(-15deg);
		-webkit-transform: rotate(-15deg);
		-moz-transform: rotate(-15deg);
		-o-transform: rotate(-15deg);
	}
	.clean-code:before {
		width: 51%;
		height: 100%;
		border: none;
		transform: rotate(15deg);
		-webkit-transform: rotate(15deg);
		-moz-transform: rotate(15deg);
		-o-transform: rotate(15deg);
		background-color: rgba(231,76,68,0.9);
		top: 0px;
		right: -30px;
	}
	.we-launch-slope:before {
		border-color: rgba(231, 76, 68, 0.9) transparent;
		border-style: solid;
		border-width: 0px 200px 800px 0;
		height: 100%;
		top: 47px;
		transform: skewY(7deg);
		-webkit-transform: skewY(7deg);
		-moz-transform: skewY(7deg);
		-o-transform: skewY(7deg);
		width: 62%;
	}
	.research, .clean-code-box {
		right: 120px;
	}
	.we-perfection, .we-launch {
		left: 120px;
	}
	
	/* Our Genius */
	.skill-progress-box h6 {
		line-height: 40px;
	}
	
	/* Blog Section */
	.entry-cover {
		width: 76%;
	}
	/* .entry-cover img {
		height: 210px;
	} */
	
	/* Brag About Section */
	.brag-content {
		width: 96%;
		top: 80px;
	}

	.start-project h2 {
		text-align: right;
		margin-right: 17px;
	}	
	.send-msg a {
		margin-right: 0;
		margin-left: -30px;
	}
	.service-box-inner .icon-srv {
		font-size: 34px;
		width: 120px;
		height: 120px;
		line-height: 110px;
	}
	.service-section .col-md-6:nth-child(4) {
		right: 40px;
	}	
	.service-section .col-md-6:nth-child(4) .content-box p {
		max-width: 260px;
		min-width: 260px;
	}
	.service-section .col-md-6:nth-child(5) .content-box p{
		max-width: 260px;
		min-width: 260px;
	}
	
}

/* ## 992 to 1199 ## */
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.slide-sub-title-cel-left
{
	width: 30% !important;
}

.footer-text{
	
}

.btn-inicio-izquierda{
	font-size: 20px;
	color: white;
	left: 250px;
	padding: 10px;
	background-color: black;
	border-radius: 4px;
	bottom: 15%;
	top: auto;
	left: 50%;
	top: auto;
}

.btn-inicio-derecha{
	font-size: 20px;
	color: white;
	right: 250px;
	padding: 10px;
	background-color: black;
	border-radius: 4px;
	bottom: 15%;
	top: auto;
	right: 50%;
	top: auto;
}

	/* - Slider Section */
	.slider-section .slide-title {   
		height: 400px;
		padding: 50px 0;
		width: 70%;
	}
	.slider-section .slide-title span.inner-circle {   
		height: 300px;
		padding: 65px 0;
		width: 300px;
	}	
	.slider-section .slide-title span.inner-circle span:nth-child(1),
	.slider-section .slide-title span.inner-circle span:nth-child(2),
	.slider-section .slide-title span.inner-circle span:nth-child(3) {
		font-size: 50px;
	}
	
	
	.slider-section .slide-title-main {   
		height: 400px;
		padding: 50px 0;
		width: 70%;
	}
	.slider-section .slide-title-main span.inner-circle {   
		height: 300px;
		padding: 65px 0;
		width: 300px;
	}	
	.slider-section .slide-title-main span.inner-circle span:nth-child(1),
	.slider-section .slide-title-main span.inner-circle span:nth-child(2),
	.slider-section .slide-title-main span.inner-circle span:nth-child(3) {
		font-size: 50px;
	}
	
	
	.slider-section .slide-sub-title {
		font-size: 55px;
		line-height: 60px;
	}
	
	.service-section .col-md-6:nth-child(4) {
		right: 120px;
	}
	.service-section .col-md-6:nth-child(4) .service-box-inner {
		padding-left: 20px;
	}
	.service-section .col-md-6:nth-child(4) .content-box h3 {
		padding-left: 80px;
	}
	.service-box-inner .content-box > p {
		min-width: 270px;
		max-width: 270px;
	} 
	
	.service-bg {
		margin: 52px auto 0;
	}
	.service-bg > img {
		max-width: 400px;
	}
	
	/* - Footer */
	.footer-inner {
		margin-top: 5px;
	}
	.footer-section .footer-item i {
		height: 38px;
		line-height: 34px;
		margin-right: 10px;
		width: 38px;
	}
	.footer-section p {
		margin-bottom: 0;
	}
	.footer-section  .footer-item-desc {
		font-size: 14px;
		font-weight: 300;
	}
	.footer-section .copyright {
		padding-top: 10px;
	}
	.back-top {
		margin-top: 0;
	}
}


/* ## 1201 to 1280 ## */
@media only screen and (min-width: 1201px) and (max-width: 1280px) {
.slide-sub-title-cel-left
{
	width: 30% !important;
}

.footer-text{
	
}

.btn-inicio-izquierda{
	font-size: 20px;
	color: white;
	left: 250px;
	padding: 10px;
	background-color: black;
	border-radius: 4px;
	bottom: 15%;
	top: auto;
	left: 50%;
	top: auto;
}

.btn-inicio-derecha{
	font-size: 20px;
	color: white;
	right: 250px;
	padding: 10px;
	background-color: black;
	border-radius: 4px;
	bottom: 15%;
	top: auto;
	right: 50%;
	top: auto;
}

	/* Our Genius */
	.genius-gallery {
		width: 100%;
		display: inline-block;
	}
	.our-genius .style1,
	.our-genius .style3{
		width: 25.14%;
	} 
	.our-genius .style4, 
	.our-genius .style5, 
	.our-genius .style6, 
	.our-genius .style7 {
		width: 27.305%;
	}
	.our-genius .style2 {
		width: 59%;		
	}
	.our-genius .style1,
	.our-genius .style2,
	.our-genius .style3, 
	.our-genius .style4, 
	.our-genius .style5, 
	.our-genius .style6, 
	.our-genius .style7,
	.our-genius .style1 img,
	.our-genius .style2 img,
	.our-genius .style3 img, 
	.our-genius .style4 img, 
	.our-genius .style5 img, 
	.our-genius .style6 img, 
	.our-genius .style7 img {
		height: 300px;			
	}
	
	.inner-social-info {
		padding: 20px 35px;
	}
	.inner-social-info p {
		font-size: 15px;
		line-height: 25px;
	}
	.progress {
		margin-top: 25px;
		height: 40px;
		line-height: 40px;
	}
	.hover {
		line-height: 300px;
	}
	.skill-progress-box h6 {
		line-height: 40px;
	}
	
	/* ### Blog Page ### */
	.single-blog .entry-cover img {
		width: 100%;
		height: auto !important;
	}
	
	/* ## How We Work ## */
	.clean-code::before {
		bottom: 112px;
		content: "";
		height: 106%;
		position: absolute;
		right: -35px;
		top: -22px;
		width: 53.7%;
	}
	.client-style1.client-active,
	.client-style1:hover,
	.client-style2.client-active,
	.client-style2:hover,
	.client-style3.client-active,
	.client-style3:hover {
		height: 745px;
		background-size: 100% 100%;
	}
}
/* ## 1281 to 1366 ## */
@media only screen and (min-width: 1281px) and (max-width: 1366px)
{
.slide-sub-title-cel-left
{
	width: 30% !important;
}

.footer-text{
	
}

.btn-inicio-izquierda{
	font-size: 20px;
	color: white;
	left: 250px;
	padding: 10px;
	background-color: black;
	border-radius: 4px;
	bottom: 15%;
	top: auto;
	left: 50%;
	top: auto;
}

.btn-inicio-derecha{
	font-size: 20px;
	color: white;
	right: 250px;
	padding: 10px;
	background-color: black;
	border-radius: 4px;
	bottom: 15%;
	top: auto;
	right: 50%;
	top: auto;
}

	/* Our Genius */
	.genius-gallery {
		width: 100%;
		display: inline-block;
	}
	.our-genius .style1,
	.our-genius .style3{
		width: 25.14%;
	} 
	.our-genius .style4, 
	.our-genius .style5, 
	.our-genius .style6, 
	.our-genius .style7 {
		width: 27.151%;
	}
	.our-genius .style2 {
		width: 58.5%;		
	}
	.our-genius .style1,
	.our-genius .style2,
	.our-genius .style3, 
	.our-genius .style4, 
	.our-genius .style5, 
	.our-genius .style6, 
	.our-genius .style7,
	.our-genius .style1 img,
	.our-genius .style2 img,
	.our-genius .style3 img, 
	.our-genius .style4 img, 
	.our-genius .style5 img, 
	.our-genius .style6 img, 
	.our-genius .style7 img {
		height: 250px;			
	}

	.our-genius .style2 {
		margin-left: -66px;
	}
	.inner-social-info {
		padding: 20px 35px;
	}
	.inner-social-info p {
		font-size: 15px;
		line-height: 25px;
	}
	.skill-progress-box h6 {
		line-height: 40px;
		width: 78%;
	}
	.progress {
		margin-top: 18px;
		height: 40px;
		line-height: 40px;
	}
	.hover {
		line-height: 275px;
	}
	
	/* ## How We Work ## */
	.clean-code::before {
		bottom: 112px;
		content: "";
		height: 114%;
		position: absolute;
		right: -35px;
		top: -22px;
		width: 53.7%;
	}
	
	.client-style1.client-active,
	.client-style1:hover,
	.client-style2.client-active,
	.client-style2:hover,
	.client-style3.client-active,
	.client-style3:hover {
		height: 745px;
		background-size: 100% 100%;
	}
}
/* ## 992 to 1024 ## */
@media only screen and (min-width: 992px) and (max-width: 1024px)
{
.slide-sub-title-cel-left
{
	width: 30% !important;
}

.footer-text{
	
}

.btn-inicio-izquierda{
	font-size: 20px;
	color: white;
	left: 250px;
	padding: 10px;
	background-color: black;
	border-radius: 4px;
	bottom: 15%;
	top: auto;
	left: 50%;
	top: auto;
}

.btn-inicio-derecha{
	font-size: 20px;
	color: white;
	right: 250px;
	padding: 10px;
	background-color: black;
	border-radius: 4px;
	bottom: 15%;
	top: auto;
	right: 50%;
	top: auto;
}

	.research-slope:before {
		width: 54.8%;
		height: 100%;
		/*border: none;
		transform: rotate(5deg);
		-webkit-transform: rotate(5deg);
		-moz-transform: rotate(5deg);
		-o-transform: rotate(5deg);
		background-color: rgba(231,76,68,0.9);*/
		top: -30px;
	}
	/* Our Genius */
	.genius-gallery {
		width: 100%;
		display: inline-block;
	}
	.our-genius .style1,
	.our-genius .style3{
		width: 25.2%;		
	} 
	.our-genius .style4, 
	.our-genius .style5, 
	.our-genius .style6, 
	.our-genius .style7 {
		width: 27.882%;
		float: left;
	}
	.our-genius .style2 {
		width: 61.2%;		
	}
	.our-genius .style1,
	.our-genius .style2,
	.our-genius .style3, 
	.our-genius .style4, 
	.our-genius .style5, 
	.our-genius .style6, 
	.our-genius .style7,
	.our-genius .style1 img,
	.our-genius .style2 img,
	.our-genius .style3 img, 
	.our-genius .style4 img, 
	.our-genius .style5 img, 
	.our-genius .style6 img, 
	.our-genius .style7 img {
		height: 250px;			
	}
	.our-genius .style1 img,
	.our-genius .style2 img,
	.our-genius .style3 img, 
	.our-genius .style4 img, 
	.our-genius .style5 img, 
	.our-genius .style6 img, 
	.our-genius .style7 img {
		width: 100%;			
	}
	
	.inner-social-info {
		padding: 20px 35px;
	}
	.inner-social-info p {
		font-size: 15px;
		line-height: 25px;
	}
	.progress {
		margin-top: 18px;
		height: 40px;
		line-height: 40px;
	}
	.skill-progress-box h6 {
		line-height: 40px;
		width: 79%;
	}	
	.hover {
		line-height: 270px;
	}
	/* ### Blog Page ### */
	.single-blog .entry-cover img {
		width: 100%;
		height: auto !important;
	}
	/* client */
	
	.client-style1.client-active,
	.client-style1:hover,
	.client-style2.client-active,
	.client-style2:hover,
	.client-style3.client-active,
	.client-style3:hover {
		height: 745px;
		background-size: 100% 100%;
	}
	
	.modal.in .modal-dialog {
		transform: translate(0px, 25%);
		-webkit-transform: translate(0px, 25%);
		-moz-transform: translate(0px, 25%);
		-o-transform: translate(0px, 25%);
		-ms-transform: translate(0px, 25%);
	}
}

/* IPAD TABLETS */
/* ## 768 to 991 ## */
@media only screen and (min-width: 768px) and (max-width: 991px)
{
	.texto-inicio-centro{
		left: 0px !important;
	}
	.contacto
	{
		width: 90%;
	}
	.textmin{
		font-size: 20px !important;
	}
	.title-cel{
		line-height: 50px;
	}
	.nomobile{
		display: none;
	}
	.setmobile{
		display: block !important;
	}
.fondoslider1{
	left: -1200px !important;
}
	
.fondoslider3{
	left: -1150px !important;
}
	
.slide-sub-title-cel-left
{
	width: 30% !important;
}

.footer-text{
	text-align: center !important;
}

.btn-inicio-izquierda{
	font-size: 20px;
	color: white;
	left: 250px;
	padding: 10px;
	background-color: black;
	border-radius: 4px;
	bottom: 15%;
	top: auto;
	left: 50%;
	top: auto;
}

.btn-inicio-derecha{
	font-size: 20px;
	color: white;
	right: 250px;
	padding: 10px;
	background-color: black;
	border-radius: 4px;
	bottom: 15%;
	top: auto;
	right: 50%;
	top: auto;
}

	body { overflow-x: hidden; }
	/* ## Global ## */ 	
	.service-bg,
	.line,
	.car,
	.application-iphone,
	.our-genius .style2,
	.brag-about-section,
	.blog-section .post > .entry-date,
	.project-section .col-md-6 p,
	.our-genius .style1 svg,
	.our-genius .style2 svg,
	.our-genius .style3 svg,
	.our-genius .style4 svg,
	.our-genius .style5 svg,
	.our-genius .style6 svg,
	.our-genius .style7 svg 	{
		display: none;
	}
	
	.slide-sub-title{
		font-size: 20px !important;
	}
	
	/* ## Slider Section ## */
	.slider-section .slide-title {
		padding: 35px 0;
		font-size: 100px !important;
	}

	.slider-section .slide-title span.inner-circle {
		width: 305px;
		height: 305px;
		padding: 71px 0;
	}
	
	.slider-section .slide-title span.inner-circle span:nth-child(1) {
		font-size: 52.58px;
	}

	.slider-section .slide-title span.inner-circle span:nth-child(2) {
		font-size: 48.01px;
	}
	.slider-section .slide-title span.inner-circle span:nth-child(3) {
		font-size: 45.72px;
	}
	
	.slider-section .slide-title-main {
		padding: 35px 0;
		font-size: 20px !important;
	}
	
	.slider-section .slide-title-main span.inner-circle span:nth-child(1) {
		font-size: 52.58px;
	}

	.slider-section .slide-title-main span.inner-circle span:nth-child(2) {
		font-size: 48.01px;
	}
	.slider-section .slide-title-main span.inner-circle span:nth-child(3) {
		font-size: 45.72px;
	}
	
	/* ## Services Section ## */ 
	.service-section {
		padding: 100px 0;
	}
	.service-bg {
		display: none;
	}
	.service-box-inner{
		margin-bottom: 40px;
		display: inline-block;
		width: 100%;
	}
	.service-box-inner .col-md-4 {
		float: left !important;
		text-align: right;
	}
	.service-box-inner .content-box {
		text-align: left;
	}
	.service-section .col-md-6:nth-child(4) {
		right: 0;
		margin: 0;
	}
	.service-section .col-md-6:nth-child(5) {
		left: 0;
		margin: 0;
	}
	
	/* ## Features Section ## */
	.features-section:before {
		width: 100%;
		border-right: 260px solid transparent;
	}
	.feature-box {
		transform: skew(-15deg);
		-webkit-transform: skew(-15deg);
		-moz-transform: skew(-15deg);
		-o-transform: skew(-15deg);
	}
	
	.feature-box-inner,
	.feature-box-inner h3, 
	.feature-box-inner p,
	.feature-box-inner .icon-feature	{
		transform: skew(7.5deg);
		-webkit-transform: skew(7.5deg);
		-moz-transform: skew(7.5deg);
		-o-transform: skew(7.5deg);
	}
	
	.feature-box-inner {
		margin-left: 50px;
	}
	
	.line {
		display: none;
	}
	
	/* Our Work */
	.portfolio-image-block img {
		width: 100%;
	}
	
	/*  ## Why Choose Section ## */
	.why-choose-box {
		margin-left: 0;
		margin-right: 0;
		padding-left: 0;
	}
	
	.why-choose:before {
		width: 100%;
	}
	.why-choose-box {
		float: right;
	}
	.why-choose h2  {
		text-align:center;
	}
	
	/* ## How We Work ## */
	.how-we-work ul {
		text-align: center;
		padding: 0 19px;
	}
	.how-we-work-categories li:first-child {
		margin-left: 0;
	}
	.how-we-work-categories li:last-child {
		margin-right: 0;
	}
	.how-we-work ul li {
		margin: 0 20px
	}
	.how-we-work ul li:before {
		width: 44px;
	}
	
	.section-header {
		padding: 70px 0 82px 0;
	}
	.how-we-work {
		overflow: hidden;
	}
	.research-slope {
		background-image: url("../images/how-we-work/research-bg-tablet.jpeg");
		transform: rotate(0deg);
		-webkit-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-o-transform: rotate(0deg);
		margin-right: 0;
		height: 630px
	}
		
	.research-slope:before {
		width: 100%; 
		height: 100%; 
		border-top: 0px solid rgba(231,76,68,0.9); 
		border-bottom: 340px solid rgba(231,76,68,0.9); 
		border-left: 0px solid transparent; 
		border-right: 0px solid transparent; 
		top: auto;
		transform: rotate(-4deg);
		-webkit-transform: rotate(-4deg);
		-moz-transform: rotate(-4deg);
		-o-transform: rotate(-4deg);
		right: -20px;
	}
	
	.research,
	.we-perfection,
	.clean-code-box,
	.we-launch {
		bottom: 19.5%;
		color: #fff;
		position: absolute;
		right: 0;
		width: 66%;
		left: 20px;
		margin: 0 auto;
		top: auto;
		transform: rotate(0deg);
		-webkit-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-o-transform: rotate(0deg);
	}
	.shape-content h3 {
		font-size: 30px;
		margin-bottom: 20px;
	}
	.shape-content p {
		font-size: 15px;
		line-height: 25px;
	}
	.we-perfection-slope {
		background-image: url("../images/how-we-work/we-perfection-tablet.jpeg");
		margin-right: 0;
		margin-top: -90px;
		transform: rotate(3deg);
		-webkit-transform: rotate(3deg);
		-moz-transform: rotate(3deg);
		-o-transform: rotate(3deg);
		height: 630px;
		width: 108%;
	}	
	.we-perfection {
		transform: rotate(-3deg);
		-webkit-transform: rotate(-3deg);
		-moz-transform: rotate(-3deg);
		-o-transform: rotate(-3deg);
	}
	.we-perfection-slope:before {
		width: 100%; 
		height: 100%; 
		border-top: 0px solid rgba(231,76,68,0.9); 
		border-bottom: 340px solid rgba(231,76,68,0.9); 
		border-left: 0px solid transparent; 
		border-right: 0px solid transparent; 
		content: "";
		position: absolute;
		top: auto;
		right: -50px;
		transform: rotate(0deg);
		-webkit-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-o-transform: rotate(0deg);
	}
	.clean-code {
		background-color: transparent;
		background-image: url("../images/how-we-work/clean-code-tablet.png");
		height: 630px;
		margin-top: -25px;
		transform: rotate(-4deg);
		-webkit-transform: rotate(-4deg);
		-moz-transform: rotate(-4deg);
		-o-transform: rotate(-4deg);
	}
	.clean-code-box {
		bottom: 21.5%;
		transform: rotate(4deg);
		-webkit-transform: rotate(4deg);
		-moz-transform: rotate(4deg);
		-o-transform: rotate(4deg);
	}
	.clean-code:before {
		width: 100%; 
		height: 100%; 
		border-top: 0px solid rgba(231,76,68,0.9); 
		border-bottom: 340px solid rgba(231,76,68,0.9); 
		border-left: 0px solid transparent; 
		border-right: 0px solid transparent; 
		content: "";
		top: auto;
		right: 0;
		transform: rotate(0deg);
		-webkit-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-o-transform: rotate(0deg);
	}
	.we-launch-slope {
		background-color: transparent;
		background-image: url("../images/how-we-work/we-launch-project-tablet.png");
		transform: rotate(4deg);
		-webkit-transform: rotate(4deg);
		-moz-transform: rotate(4deg);
		-o-transform: rotate(4deg);
		margin-top: -143px;
		height: 700px;
	}
	.we-launch-slope:before {
		width: 100%; 
		height: 100%; 
		border-top: 0px solid rgba(231,76,68,0.9); 
		border-bottom: 340px solid rgba(231,76,68,0.9); 
		border-left: 0px solid transparent; 
		border-right: 0px solid transparent; 
		content: "";
		top: auto;
		right: 0;
		transform: rotate(0deg);
		-webkit-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-o-transform: rotate(0deg);
	}
	.we-launch {
		transform: rotate(-5deg);
		-webkit-transform: rotate(-5deg);
		-moz-transform: rotate(-5deg);
		-o-transform: rotate(-5deg);
		bottom: 21%;
	}
	
	/* ## Application Section ## */
	.application-section .app-content-box {
		padding: 0 100px;
	}
	
	/* ## Our Genius Section ## */
	.genius-gallery > div {
		width: 50%;
		/* clip-path: none; */
		-webkit-clip-path: none;
	}
	/* ## Our Genius Section ## */
	.our-genius .style1,
	.our-genius .style3,
	.our-genius .style4,
	.our-genius .style5,
	.our-genius .style6,
	.our-genius .style7 {
		/* clip-path: none; */
		-webkit-clip-path: none;
		margin: 0;
	}
	.genius-gallery  img,
	.our-genius .style1 img,
	.our-genius .style3 img,
	.our-genius .style4 img, 
	.our-genius .style5 img,
	.our-genius .style6 img,
	.our-genius .style7 img{
		width: 100% !important;
		height: 360px;
	}
	
	.statistics-section .col-md-3 {
		margin-bottom: 60px;
	}
	
	/* ## Blog Section ## */
	.entry-cover {
		margin: 0 auto;
	}
	.blog-section .post:nth-child(3){
		display: none;
	}
	
	/* ## Client Section ## */
	.client-hover {
		left: 15%;
		right: 15%;
	}
	.client-hover h2 {
		font-size: 36px;
		line-height: 45px;
	}
	.client-hover {
		top: 30%;
	}
	.client-style3 .client-hover {
		top: 50%;
	}
	/* Client Section */
	.client-style1 {
		background-image: url("../images/client/client-big-1-tablet.jpeg");		
	}	
	.client-style2 {
		background-image: url("../images/client/client-2-tablet.jpeg");
	}
	.client-style3 {
		background-image: url("../images/client/client-big-3-tablet.jpeg");
	}
	
	.client-style1.client-active,
	.client-style1:hover,
	.client-style2.client-active,
	.client-style2:hover,
	.client-style3.client-active,
	.client-style3:hover {
		height: 745px;
		background-size: 100% 100%;
	}
	
	/* ## Social Section ## */
	.social-main a {
		font-size: 24px;
		line-height: 96px;
	}
	
	/* ## Map Section ## */
	.map-section iframe {
		height: 500px;
	}
	
	/* ## Project Section ## */
	.start-project h2 {
		text-align: right;
	}
	
	/* ## Blog Page ## */
	.entry-cover {
		width: 77%;
	}
	
	.single-blog .entry-cover img {
		width: 100%;
		height: auto !important;
	}
	
	/* ## Client Section ## */
	/*.client-style1,
	.client-style2,
	.client-style3 {
		width: 100%;
	}
	.client-style2 {
		margin-top: -50px;
	}
	.client-style3 {
		margin-top: -60px;
	}*/
	
	.modal.in .modal-dialog {
		transform: translate(0px, 25%);
		-webkit-transform: translate(0px, 25%);
		-moz-transform: translate(0px, 25%);
		-o-transform: translate(0px, 25%);
		-ms-transform: translate(0px, 25%);
	}
	
}

/* ## 319 to 767 ## */
@media only screen and (min-width: 319px) and (max-width: 767px)
{
	.contacto
	{
		width: 90%;
	}
	.slide-sub-title-cel-left
	{
		width: 30% !important;
	}
	.footer-text{
		
	}
	.btn-inicio-izquierda{
		font-size: 20px;
		color: white;
		left: 250px;
		padding: 10px;
		background-color: black;
		border-radius: 4px;
		bottom: 15%;
		top: auto;
		left: 50%;
		top: auto;
	}
	.btn-inicio-derecha{
		font-size: 20px;
		color: white;
		right: 250px;
		padding: 10px;
		background-color: black;
		border-radius: 4px;
		bottom: 15%;
		top: auto;
		right: 50%;
		top: auto;
	}
	/* ## Global ## */ 
	.slider-section .slide-sub-title,
	.goto-next,
	.mobile-iphone,
	.service-bg,
	.line,
	.car,
	.application-iphone,
	.our-genius .style2,
	.brag-about-section,
	.blog-section .post,
	.blog-section .post > .entry-date,
	.project-section .col-md-6 p,
	.our-genius .style1 svg,
	.our-genius .style2 svg,
	.our-genius .style3 svg,
	.our-genius .style4 svg,
	.our-genius .style5 svg,
	.our-genius .style6 svg,
	.our-genius .style7 svg 	{
		display: none;
	}
	.service-section .col-md-6:nth-child(2n) > .service-box-inner,
	.service-section .col-md-6,
	.service-box-inner,
	.features-section h2,
	.why-choose h2,
	.how-we-work-categories li {
		text-align: center;
	}
	
	/* ## Features Section ## */
	.features-section,
	.why-choose	{	
		background-size: auto 100%;
		height: auto;
	}
	.features-section:before {
		background-color: rgba(231,76,60,0.90);
		border: none;
		width: 100%;
	}	
	.feature-box,
	.feature-box-inner,
	.feature-box-inner h3, 
	.feature-box-inner p,
	.feature-box-inner .icon-feature	{
		transform: skew(0deg);
	}
	.feature-box-inner {
		margin-left: 0;
		text-align: left;
	}
	.feature-box-inner .col-md-4
	{
		float: left !important;
		margin-right: 5px;
	}
	.feature-box-inner h3 {
		margin-top: 0;
	}
	
	/* ## Why Choose ## */
	.why-choose:before {
		position: absolute;
		background-color: rgba(231,76,60,0.90);
		border: none;
		width: 100%;
	}
	.section-header h2, .features-section h2, .why-choose h2{
		font-size: 36px;
	}	
	.why-choose-box .block-title,
	.why-choose-box p,
	.why-choose-inner,
	.why-choose h2	{
		transform: skew(0deg);
		-webkit-transform: skew(0deg);
		-moz-transform: skew(0deg);
		-o-transform: skew(0deg);
	}
	.why-choose h2,
	.why-choose-box {
		margin-left: 0;
	}
	
	.why-choose .col-md-6 {
		float: none !important;
	}
	
	/* ## How We Work ## */
	.how-we-work ul {
		text-align: center;
		padding: 0;
	}
	.how-we-work-categories li:first-child {
		margin-left: 0;
	}
	.how-we-work-categories li:last-child {
		margin-right: 0;
	}
	.how-we-work ul li {
		margin: 0 20px
	}
	.how-we-work ul li:before {
		width: 44px;
	}
	
	.section-header {
		padding: 70px 0 82px 0;
	}
	.research-slope {
		background-image: url("../images/how-we-work/research-bg-mobile.jpeg");
		position: relative;
	}
		
	.research-slope:before {
		width: 100%; 
		height: 100%; 
		border-top: 0px solid rgba(231,76,68,0.9); 
		border-bottom: 440px solid rgba(231,76,68,0.9); 
		border-left: 0px solid transparent; 
		border-right: 0px solid transparent; 
		content: "";
		position: absolute;
		top: auto;
		right: 0;
		transform: rotate(-10deg);
		-webkit-transform: rotate(-10deg);
		-moz-transform: rotate(-10deg);
		-o-transform: rotate(-10deg);
	}
	.research,
	.clean-code-box	{
		top: auto;
		bottom: 20%;
		width: 70%;
		left: 0;
		right: 0;
		margin: 0 auto;
		-webkit-transform: skewX(0deg);
		-moz-transform: skewX(0deg);
		-o-transform: skewX(0deg);
		-ms-transform: skewX(0deg);
		transform: skewX(0deg);
	}
	.clean-code-box {
		transform: rotate(5deg);
		-webkit-transform: rotate(5deg);
		-moz-transform: rotate(5deg);
		-o-transform: rotate(5deg);
	}
	
	.we-perfection, 
	.we-launch	{
		bottom: 15%;
		color: #fff;
		position: absolute;
		right: 0;
		width: 73%;
		left: 20px;
		margin: 0 auto;
		top: auto;
	}
	.shape-content h3 {
		font-size: 30px;
		margin-bottom: 20px;
	}
	.shape-content p {
		font-size: 15px;
		line-height: 25px;
	}
	.we-perfection-slope {
		background-image: url("../images/how-we-work/we-perfection-mobile.jpeg");
	}	
	.we-perfection-slope:before {
		width: 100%; 
		height: 100%; 
		border-top: 0px solid rgba(231,76,68,0.9); 
		border-bottom: 440px solid rgba(231,76,68,0.9); 
		border-left: 0px solid transparent; 
		border-right: 0px solid transparent; 
		content: "";
		position: absolute;
		top: auto;
		right: 0;
		transform: rotate(0deg);
		-webkit-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-o-transform: rotate(0deg);
	}
	.clean-code {
		background-color: transparent;
		background-image: url("../images/how-we-work/clean-code-mobile.png");
		height: 622px;
		margin-top: -50px;
		
		-webkit-transform: rotate(-5deg);
		-moz-transform: rotate(-5deg);
		-o-transform: rotate(-5deg);
		-ms-transform: rotate(-5deg);
		transform: rotate(-5deg);
	}
	
	.clean-code:before {
		width: 100%; 
		height: 100%; 
		border-top: 0px solid rgba(231,76,68,0.9); 
		border-bottom: 350px solid rgba(231,76,68,0.9); 
		border-left: 0px solid transparent; 
		border-right: 0px solid transparent; 
		content: "";
		position: absolute;
		top: auto;
		right: 0;
		transform: rotate(0deg);
		-webkit-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-o-transform: rotate(0deg);
	}
	.clean-code-box {
		bottom: 15.5%;
	}
	.we-launch-slope {
		background-color: transparent;
		background-image: url("../images/how-we-work/we-launch-project-mobile.png");
		transform: rotate(5deg);
		-webkit-transform: rotate(5deg);
		-moz-transform: rotate(5deg);
		-o-transform: rotate(5deg);
	}
	.we-launch-slope:before {
		width: 100%; 
		height: 100%; 
		border-top: 0px solid rgba(231,76,68,0.9); 
		border-bottom: 300px solid rgba(231,76,68,0.9); 
		border-left: 0px solid transparent; 
		border-right: 0px solid transparent; 
		content: "";
		position: absolute;
		top: auto;
		right: 0;
		transform: rotate(0deg);
		-webkit-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-o-transform: rotate(0deg);
	}
	.we-launch {
		transform: rotate(-5deg);
		-webkit-transform: rotate(-5deg);
		-moz-transform: rotate(-5deg);
		-o-transform: rotate(-5deg);
		bottom: 8%;
	}
	
	/* ## Our Genius Section ## */
	.our-genius .style1,
	.our-genius .style3,
	.our-genius .style4,
	.our-genius .style5,
	.our-genius .style6,
	.our-genius .style7 {
		/* clip-path: none; */
		-webkit-clip-path: none;
	}
	.genius-gallery  img,
	.our-genius .style1 img,
	.our-genius .style3 img,
	.our-genius .style4 img, 
	.our-genius .style5 img,
	.our-genius .style6 img,
	.our-genius .style7 img{
		width: 100% !important;
	}
	
	/* ### Blog Page ### */
	.blog-inner{
		margin: 0 auto;
		display: block;
	}
	.post {
		width: 300px;
		margin: 0 auto 100px;
		display: block;
	}
	
	.entry-date {
		display: none;
	}
	
	.by-admin,
	.single-social {
		text-align: center;
	}
	.comment-form .col-md-6, 
	.comment-form .col-md-12 {
		padding: 0 15px;
	}
	.blog-section .post:first-child {
		display: block;
	}
	.post-date .entry-date {
		display: inline-block;
	}
	
	/* Client Section */
	.client-style1 {
		background-image: url("../images/client/client-big-1-mobile.jpeg");	
	}	
	.client-style2 {
		background-image: url("../images/client/client-2-mobile.jpeg");
		background-size: 100% 100%;
	}
	.client-style3 {
		background-image: url("../images/client/client-big-3-mobile.jpeg");
	}
	.client-hover {
		left: 5%;
		right: 5%;
		top: 18%;
	}
	.client-style3 .client-hover {
		top: 33%;
	}
	.client-style1.client-active,
	.client-style1:hover,
	.client-style2.client-active,
	.client-style2:hover,
	.client-style3.client-active,
	.client-style3:hover {
		height: 483px;
		background-size: 100% 100%;
	}
}

/* ## 481 to 767 ## */
@media only screen and (min-width: 481px) and (max-width: 767px) {	
.slide-sub-title-cel-left
{
	width: 30% !important;
}

.footer-text{
	
}

.btn-inicio-izquierda{
	font-size: 20px;
	color: white;
	left: 250px;
	padding: 10px;
	background-color: black;
	border-radius: 4px;
	bottom: 15%;
	top: auto;
	left: 50%;
	top: auto;
}

.btn-inicio-derecha{
	font-size: 20px;
	color: white;
	right: 250px;
	padding: 10px;
	background-color: black;
	border-radius: 4px;
	bottom: 15%;
	top: auto;
	right: 50%;
	top: auto;
}

	.slider-section .slide-title {
		width: 381px;
		height: 381px;
		padding: 35px 0;
	}

	.slider-section .slide-title span.inner-circle {
		width: 305px;
		height: 305px;
		padding: 71px 0;
	}
	
	.slider-section .slide-title span.inner-circle span:nth-child(1) {
		font-size: 50px;
	}

	.slider-section .slide-title span.inner-circle span:nth-child(2) {
		font-size: 50px;
	}
	.slider-section .slide-title span.inner-circle span:nth-child(3) {
		font-size: 50px;
	}
	
	.slider-section .slide-title-main {
		width: 381px;
		height: 381px;
		padding: 35px 0;
	}

	.slider-section .slide-title-main span.inner-circle {
		width: 305px;
		height: 305px;
		padding: 71px 0;
	}
	
	.slider-section .slide-title-main span.inner-circle span:nth-child(1) {
		font-size: 50px;
	}

	.slider-section .slide-title-main span.inner-circle span:nth-child(2) {
		font-size: 50px;
	}
	.slider-section .slide-title-main span.inner-circle span:nth-child(3) {
		font-size: 50px;
	}
	
	/* Services Section */ 
	.service-section {
		padding: 100px 0;
	}	
	.service-box-inner {
		margin: 0 0 40px 0;
	}
	.service-box-inner .col-md-4 {
		float: none !important;
	}
	.service-section .col-md-6:last-child > .service-box-inner {
		margin-bottom: 0;
	}
	.service-section .col-md-6:nth-child(4) {
		right: 0;
	}
	.service-section .col-md-6:nth-child(5) {
		left: 0;
	}	
	
	.service-box-inner .content-box > h3 {
		height: auto;
		max-height: 100%;
	}
	.service-box-inner .content-box > p {
		max-width: 100%;
		height: auto;
		min-width: 100%;
	}
	
	/* Our Work Section */
	.no-space.portfolio-list li {
		width: 100%;
	}
	.portfolio-image-block {
		width: 480px;
		height: 400px;
		margin: 0 auto;
	}
	
	/* ## Social Section ## */
	.social-main a {
		font-size: 22px;
		line-height: 80px;
	}
	
	/* ## Our Genius Section ## */
	.genius-gallery .style1,
	.genius-gallery .style3, 
	.genius-gallery .style4,
	.genius-gallery .style5,
	.genius-gallery .style6,
	.genius-gallery .style7 {
		margin: 0 auto;
		width: 480px;
		height: 400px;
		display: block;
		float: none;
		
	}
	
	.genius-gallery img,
	.genius-gallery .style3 img {
		width: 480px;
		height: 400px;
	}
	
	.statistics-section .col-md-3 {
		margin-bottom: 60px;
	}
	/* How We Work */
	.how-we-work ul li a i {
		width: 70px;
		height: 70px;
		line-height: 70px;
	}
	.how-we-work ul li:before {
		left: 70px;
		top: 28%;
	}
	.we-launch-slope {
		margin-top: -90px;
	}
}

/* CELULARES */
/* ## 319 to 480 ## */
@media only screen and (min-width: 319px) and (max-width: 480px)
{
.fondoslider3{
	left: -730.5px !important;
}	
	
.txtmovil{
	font-size: 20px !important;
}
	
.slide-sub-title-cel-left
{
	width: 30% !important;
}

.footer-text{
	
}

.btn-inicio-izquierda{
	font-size: 20px;
	color: white;
	left: 250px;
	padding: 10px;
	background-color: black;
	border-radius: 4px;
	bottom: 15%;
	top: auto;
	left: 50%;
	top: auto;
}

.btn-inicio-derecha{
	font-size: 20px;
	color: white;
	right: 250px;
	padding: 10px;
	background-color: black;
	border-radius: 4px;
	bottom: 15%;
	top: auto;
	right: 50%;
	top: auto;
}

	.slide1{
		display: block;
		background: url( '../images/infusion/bgSeccion1AM.jpg' ) no-repeat;
	}
	
	.slide-sub-title-cel-left{
		width: 50% !important;
		display: block;
		left: 0px !important;
		width: 40% !important;
	}
	
	.slide-sub-title-cel-right{
		width: 50% !important;
		display: block;
		right: 0px !important;
		width: 40% !important;
	}
	
	.slide-sub-title-cel-left{
		display: block !important;
		top: 10% !important;
		font-size: 20px !important;
		line-height: 20px !important;
		width: 100% !important;
		left: 10px !important;
	}
	
	.slide-sub-title-cel-right{
		display: block !important;
		top: 10% !important;
		font-size: 20px !important;
		line-height: 20px !important;
		width: 100% !important;
		right: 10px !important;
	}
	
	.title-cel{
		font-size: 30px !important;
	}
	
	/* ## Global ## */ 	
	.service-section .col-md-6:nth-child(4),
	.service-section .col-md-6:nth-child(5) {
		margin: 0;
	}
	.service-section .col-md-6:nth-child(4) {
		right: 0;
	}
	.service-section .col-md-6:nth-child(5) {
		left: 0;
	}
	.our-genius .style3,
	.our-genius .style5,
	.our-genius .style7 {
		margin-left: 0;
	}
	
	/* ## Slider Section ## */
	.slider-section .slide-title {
		width: 306px;
		height: 306px;
		padding: 27px 0;
		font-size: 20px !important;
		top: auto !important;
		bottom: 0px !important;
		left: 0px !important;
		right: 0px !important;
	}
	
	.slider-section .slide-title-main {
		width: 306px;
		height: 306px;
		padding: 27px 0;
		font-size: 20px !important;
		top: auto !important;
		bottom: -34% !important;
	}
	
	.slider-section .slide-title2 {
		width: 306px;
		height: 306px;
		padding: 27px 0;
		font-size: 20px !important;
		top: auto !important;
		bottom: -40% !important;
	}
	
	.txtmovil{
		font-size: 20px !important;
	}

	.slider-section .slide-title span.inner-circle {
		width: 246px;
		height: 246px;
		padding: 58px 0;
	}
	
	.slider-section .slide-title span.inner-circle span:nth-child(1) {
		font-size: 42px;
	}

	.slider-section .slide-title span.inner-circle span:nth-child(2) {
		font-size: 38px;
	}
	
	.slider-section .slide-title span.inner-circle span:nth-child(3) {
		font-size: 36px;
	}
	
	.slider-section .slide-title-main span.inner-circle {
		width: 246px;
		height: 246px;
		padding: 58px 0;
	}
	
	.slider-section .slide-title-main span.inner-circle span:nth-child(1) {
		font-size: 42px;
	}

	.slider-section .slide-title-main span.inner-circle span:nth-child(2) {
		font-size: 38px;
	}
	
	.slider-section .slide-title-main span.inner-circle span:nth-child(3) {
		font-size: 36px;
	}
	
	/* Services Section */ 
	.service-section {
		padding: 100px 0;
	}	
	.service-box-inner {
		margin: 0 0 40px 0;
	}
	.service-box-inner .col-md-4 {
		float: none !important;
	}
	.service-section .col-md-6:last-child > .service-box-inner {
		margin-bottom: 0;
	}
	
	/* ## Features Section ## */
	.features-section:before {
		background-color: rgba(231,76,60,0.90);
		border: none;
		width: 100%;
	}	
	.feature-box,
	.feature-box-inner,
	.feature-box-inner h3, 
	.feature-box-inner p,
	.feature-box-inner .icon-feature	{
		transform: skew(0deg);
		-webkit-transform: skew(0deg);
		-moz-transform: skew(0deg);
		-o-transform: skew(0deg);
	}
	.feature-box-inner {
		margin-left: 0;
		text-align: left;
	}
	.feature-box-inner .col-md-4
	{
		float: left !important;
		margin-right: 5px;
	}
	.feature-box-inner h3 {
		margin-top: 0;
	}
	
	/* ## How We Work ## */
	.how-we-work ul li:before{
		top: 30%;
		left: 70px;
	}
	.how-we-work ul li a i {
		width: 70px;
		height: 70px;
		line-height: 70px;		
	}
	.we-launch-slope {
		margin-top: -90px;
	}
	.we-launch {
		left: 55px;
	}
	
	/* ## Our Genius Section ## */
	
	.statistics-section .col-md-3 {
		margin-bottom: 60px;
	}
	
	/* ## Blog Section ## */	
	.blog-section .post:first-child{
		display: block;
	}
	.entry-cover {
		float: none;
		display: block;
		margin: 0 auto;
	}
	.entry-cover {
		width: 100%;
	}
	/* ## Client Section ## */
	.client-hover h2 {
		font-size: 24px;
		line-height: 35px;
	}
	
	/* ## Social Section ## */
	.social-main a {
		font-size: 19.2px;
		line-height: 60px;
	}
	
	/* ## Map Section ## */
	.map-section iframe {
		height: 300px;
	}
	
	/* ## Project Section ## */
	.project-section {
		padding: 63px 0;
	}
	.project-section:before {
		border-bottom: 0 solid #e74c3c; 
		border-top: 550px solid #e74c3c; 
		border-left: 0 solid transparent; 
		border-right: 120px solid transparent; 
		width: 60%;
	}
	
	.why-choose h2 {
		transform: rotate(0deg);
		-webkit-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-o-transform: rotate(0deg);
	}
	.start-project {
		padding-right: 30px;
	}
	.send-msg {
		padding-left: 30px;
	}
	.start-project h2,
	.send-msg h2 {
		font-size: 33px;
		text-align: right;
	}
	.send-msg h2 { 
		text-align: left;
	}
	.start-project a, 
	.send-msg a {
		font-size: 16px;
		padding: 25px 30px;
		margin-left: -15px;
	}
	
	.start-project a{
		margin-right: 0;
	}
	.send-msg a {
		margin-right: 0;
	}
	
	/* ## Footer Section ## */
	.footer-section {
		height: auto;
		padding-top: 28px;
	}
	
	/* .footer-section a.back-top {
		display: none !important;
	} 
	.footer-item {
		margin: 0px 0 28px 40px;
	}*/
}

/* ## 319 to 479 ## */
@media only screen and (min-width: 319px) and (max-width: 479px)
{
.slide-sub-title-cel-left
{
	width: 30% !important;
}

.footer-text{
	
}

.btn-inicio-izquierda{
	font-size: 20px;
	color: white;
	left: 250px;
	padding: 10px;
	background-color: black;
	border-radius: 4px;
	bottom: 15%;
	top: auto;
	left: 50%;
	top: auto;
}

.btn-inicio-derecha{
	font-size: 20px;
	color: white;
	right: 250px;
	padding: 10px;
	background-color: black;
	border-radius: 4px;
	bottom: 15%;
	top: auto;
	right: 50%;
	top: auto;
}

	.portfolio-gallery {
		float: none;
	}
	.portfolio-list li {
		display: block;
	}
	.how-we-work ul li {
		margin-bottom: 20px;
		text-align: center;
		display: block;
		margin: 0 0 20px 0;
	}
	.how-we-work ul li a i {
		margin: 0 auto 20px;
	}
	.how-we-work ul li:before {
		display: none;
	}
	.shape-content h3 {
		font-size: 24px;
	}
	.shape-content p {
		font-size: 14px;
		line-height: 20px;
	}
	.clean-code-box {
		bottom: 18%;
	}
	.app-content-box h2 {
		font-size: 36px;
	}
	.start-project h2, 
	.send-msg h2 {
		font-size: 18px;
	}
	.send-msg {
		padding-right: 0;
	}
	.start-project a, .send-msg a {
		padding: 25px 20px;
	}
	
	.we-launch-slope {
		margin-top: -80px
	}
	.service-section .col-md-6 {
		padding: 0;
	}
	.service-box-inner .content-box > h3 {
		max-height: 100%;
	}
	
	.service-box-inner {
		width: 100%;
	}
	.service-box-inner .content-box > p {
		max-width: 100%;
		min-width: 100%;
		height: auto;
	}
	
}

/* ## 991 ## */
@media (max-width: 5000px) {
.slide-sub-title-cel-left
{
	width: 100% !important;
	top: auto !important;
	bottom: 5% !important;
}

.footer-text{
	
}

.btn-inicio-izquierda{
	font-size: 20px;
	color: white;
	left: 250px;
	padding: 10px;
	background-color: black;
	border-radius: 4px;
	bottom: 15%;
	top: auto;
	left: 50%;
	top: auto;
}

.btn-inicio-derecha{
	font-size: 20px;
	color: white;
	right: 250px;
	padding: 10px;
	background-color: black;
	border-radius: 4px;
	bottom: 15%;
	top: auto;
	right: 50%;
	top: auto;
}

	.header-section {
		min-height: 90px;
		height: auto;
	}	
	.logo-block {
		padding-left: 15px;
		position: absolute;
		z-index: 99;
		line-height: 88px;
	}	
	.mobile-iphone {
		display: none;
	}
	
	#style1-hover,
	#style3-hover,
	#style4-hover,
	#style5-hover,
	#style6-hover,
	#style7-hover {
		display: none !important;	
	}
	
	.menu-block {
		padding: 0;
	}
	/* -- OW Navigation */	
	.primary-navigation {
		padding: 0;
		top: 0;
		width: 100%;
		background-color: transparent;
	}
	.primary-navigation .navbar-collapse {
        border-top: none;
        box-shadow: none;
		width: 100%;
		overflow: auto !important;
		padding-left: 0;
		padding-right: 0;
		max-height: 100%;
	}
	.primary-navigation .navbar-collapse.collapse { 
		display: none!important; 
	}
    .primary-navigation .navbar-nav { 
		float: none!important;	
		margin: 0;
	}	
    .header-section.navbar-fixed-top .primary-navigation .navbar-header {
		/* padding-top: 20px; */
		padding-bottom: 0;
	}
    .primary-navigation .navbar-header {
		float: none;
		padding-top: 12px;
		padding-bottom: 12px;
	}	
    .primary-navigation .navbar-toggle {
        display: block;
		margin-bottom: 0;
		margin-top: 7px;
		margin-right: 10px;
		border-radius: 0;
		border: none;
		transition: all 1s ease 0s;
		-webkit-transition: all 1s ease 0s;
		-moz-transition: all 1s ease 0s;
		-o-transition: all 1s ease 0s;
    } 
	.primary-navigation  .navbar-toggle .icon-bar {
		height: 5px;
		width: 40px;
		background-color: #fff;
	}	
	.primary-navigation .navbar-toggle .icon-bar + .icon-bar {
		margin-top: 10px;
	}
	.primary-navigation .navbar-collapse > .nav.navbar-nav > li {
		margin: 0;
	}
	.header-section .primary-navigation .navbar-nav {
		border-top: 1px solid #fff;
		/*margin: 0 15px;*/
		background-color: #00222C;
		padding-top: 50px;
		height: 100%;
	}
    .primary-navigation .navbar-nav > li {
		display: inline-block;
		float: none;
		width: 100%;
    }
	.primary-navigation .navbar-nav > li.active a {
		color: #000 !important;
	}
	.primary-navigation .nav.navbar-nav li > a  {
		color: black;
		margin-top: 0;
		margin-bottom: 0;
		font-size: 14px;
		font-weight: 700;
		letter-spacing: 0.98px;
		line-height: 28px;
		text-transform: uppercase;
	}	
	.primary-navigation .nav > li > a:focus,
	.primary-navigation .nav > li > a:hover{
		background-color: transparent;
		color: #000;
	}		
	.primary-navigation .nav.navbar-nav li > a,
    .primary-navigation .navbar-collapse > ul > li > a {
        padding-top: 6px;
        padding-bottom: 6px;
		width: 100%;
		padding-left: 0;
		transition: all 1s ease 0s;
		-webkit-transition: all 1s ease 0s;
		-moz-transition: all 1s ease 0s;
		-o-transition: all 1s ease 0s;
    }
    .primary-navigation .navbar-text {
        float: none;
        margin: 15px 0;
    }
	.primary-navigation .nav.navbar-nav li > a::before {
		border: none;
	}	
	/* since 3.1.0 */
    .primary-navigation .navbar-collapse.collapse.in { 
		display: block!important;
		height: 100% !important;
	}
    .primary-navigation .collapsing {
		overflow: hidden!important; 
	}
	.primary-navigation .dropdown-menu {
		background-color: transparent;
		border: 0 none;
		margin-top: 0;
		padding-left: 10px;
		padding-top: 0;
		position: relative;
		width: 100%;
		box-shadow: none;
		padding-bottom: 0;
	}	
	.menu-block .primary-navigation .dropdown .dropdown-menu li a:hover{
		color: #000;
	}
	.primary-navigation .dropdown-menu > .active > a,
	.primary-navigation .dropdown-menu > .active > a:focus,
	.primary-navigation .dropdown-menu > .active > a:hover {
		background-color: transparent;
	}
	/* Switch */
	.primary-navigation .ddl-switch {
		background-color: #fff;
		cursor: pointer;
		font-size: 18px;
		padding: 1.5px 5px;
		position: absolute;
		right: 0;
		z-index: 9999;
		top: 6px;
		color: #e74c3c;
	}
	.primary-navigation .ddl-active > .ddl-switch:before {
		content: "\f106";
	}
	
	.primary-navigation .dropdown .caret{
		display: none;
	}
	
	/* -- 991:: Navbar Fixed Top */
	.navbar-fixed-top.menu-block {
		background-color: #333;
	}
	.navbar-fixed-top.menu-block .primary-navigation .navbar-brand,
	.primary-navigation .navbar-brand {
		display: none;
	}
	.navbar-fixed-top .primary-navigation .nav.navbar-nav li > a{
		color: black;
	}
	.navbar-fixed-top .primary-navigation .nav.navbar-nav li > a:hover {
		color: #000;
	}
	
	.navbar-fixed-top .primary-navigation.navbar-default .navbar-toggle:focus,
	.navbar-fixed-top .primary-navigation.navbar-default .navbar-toggle:focus,
	.primary-navigation.navbar-default .navbar-toggle:hover,
	.primary-navigation.navbar-default .navbar-toggle:hover {
		background-color: transparent;
	}
	
	.primary-navigation .navbar-toggle .icon-bar{
		color: #fff;
	}	
	.navbar-fixed-top .primary-navigation .navbar-toggle:focus .icon-bar,
	.navbar-fixed-top .primary-navigation .navbar-toggle:hover .icon-bar,
	.primary-navigation .navbar-toggle:hover .icon-bar {
		background-color: #fff;
	}
	.menu-block.navbar-fixed-top .primary-navigation .navbar-nav {
		border-top: 1px solid #fff;
		margin-top: 12px;
		margin-right: 0;
		padding-top: 5px;
	}
	.primary-navigation .dropdown-menu > li > a:focus,
	.primary-navigation .dropdown-menu > li > a:hover.dropdown-menu > li > a:focus,
	.primary-navigation .dropdown-menu > li > a:hover {
		background-color: transparent;
	}
	.menu-block .primary-navigation .dropdown .dropdown-menu li a{
		color: #fff;
	}	
	.navbar-fixed-top.menu-block .primary-navigation .dropdown .dropdown-menu li.active  a,
	.menu-block .primary-navigation .dropdown .dropdown-menu li.active  a{
		color: #000;
	}
	.menu-block.navbar-fixed-top .primary-navigation .dropdown .dropdown-menu li a{
		padding-top: 0;
		padding-bottom: 0;
		color: #fff;
	}
	.menu-block.navbar-fixed-top .primary-navigation .dropdown-menu > li > a:hover,
	.primary-navigation .dropdown-menu > li > a:hover {
		background-color: transparent;
		color: #e74c3c;
	}
	
	/* - Footer */
	.footer-inner {
		margin-top: 5px;
	}
	.footer-section .footer-item i {
		height: 38px;
		line-height: 34px;
		margin-right: 10px;
		width: 38px;
	}
	.footer-section p {
		margin-bottom: 0;
	}
	.footer-section  .footer-item-desc {
		font-size: 14px;
		font-weight: 300;
	}
	.footer-section .copyright {
		padding-top: 10px;
	}
	.back-top {
		margin-top: 30px;
		text-align: center;
	}	
	
	.slider-section .slide-sub-title {
		font-size: 20px;
		line-height: 30px;
	}
}

/* - max-width: 767 */
@media (max-width: 900px) {
#myVideo {
  min-width: auto;
  min-height: 100%;
  position: absolute;
  top: 0px;
  left: -100%;
}
}

/* - max-width: 767 */
@media (max-width: 767px) {
#myVideo {
  min-width: auto;
  min-height: 100%;
  position: absolute;
  top: 0px;
  left: -70%;
}
.menulobo
{
	width: 150px;
	height: auto;
}
.txttitulo1{
	font-size: 14px;
}
.titulodescripcion1{
	font-size: 14px !important;
}
.titulodescripcion2{
	font-size: 12px;
}	
.centerscreen{
	position: absolute;
	top: 0;
	height: 100%;
	width: 100%;
	left: 0; 
	right: auto;
	display: block !important;
}
.left2{
	display: none !important;
}
.right2{
	display: none !important;
}	
	
.fondoslider2{
	left: -50px !important;
	top: 30px !important;
	height: 466.9px !important;
	width: 878.8px !important;
}
	
.slide-sub-title-cel-right{
	width: 60% !important;
	top: 12%;
}
.slide-sub-title-cel-left{
	width: 60% !important;
	top: 12%;
}
.slider-section .slide-title{
	font-size: 80px;
}
.slider-section .slide-title-main{
	font-size: 80px;
}

.preserve{

}

.fondoslider3{
	left: -780px !important;
}

.footer-text{
	text-align: center !important;
}

.btn-inicio-izquierda{
	font-size: 20px;
	color: white;
	left: 250px;
	padding: 10px;
	background-color: black;
	border-radius: 4px;
	bottom: 15%;
	top: auto;
	left: 50%;
	top: auto;
	text-align: center !important;
}

.btn-inicio-derecha{
	font-size: 20px;
	color: white;
	right: 250px;
	padding: 10px;
	background-color: black;
	border-radius: 4px;
	bottom: 15%;
	top: auto;
	right: 50%;
	top: auto;
	text-align: center !important;
}

	/* - Footer Section */
	.footer-section{
		padding: 30px 0 20px;
	}
	.footer-item:nth-child(2) {
		float: right;
		text-align: right;
	}
	.footer-section .footer-item:nth-of-type(2) i {
		float: right;
		margin-left: 10px;
	}
	.footer-section .copyright {
		text-align: left;
		padding-top: 30px;
	}
	.back-top {
		margin-top: 15px;
	}
	.slides-navigation a {
		width: 55px;
		height: 55px;
		line-height: 58px;		
	}
	.slider-section .slide-sub-title {
		/*display: none !important;*/
	}
	
	/* - Blog */
	.blog-page .blog-inner {
		max-width: 660px;
	}
	.blog-page .container .col-md-4:nth-child(3n+3){
		margin-right: auto;
	}	
	.blog-page .blog-inner .post{
		width: 50%;
		float: left;
	}
	.blog-page .blog-inner .post:nth-child(2n+1){
		clear: both;
	}
	.blog-page .blog-inner  .entry-cover {
		float: none;
		max-width: 100%;
	}
}

/* - max-width: 479 */
@media (max-width: 479px) {
#myVideo {
  min-width: auto;
  min-height: 100%;
  position: absolute;
  top: 0px;
  left: -70%;
}
.menulobo
{
	width: 150px;
	height: auto;
}
.txttitulo1{
	font-size: 14px;
}
.titulodescripcion1{
	font-size: 14px !important;
}
.titulodescripcion2{
	font-size: 12px !important;
}
.titulo{
	bottom: 50px !important;
	font-size: 15px !important;
	padding-left: 5px !important;
	padding-right: 5px !important;
}
.descripcion{
	bottom: 10px !important;
}
.centerscreen{
	position: absolute;
	top: 0;
	height: 100%;
	width: 100%;
	left: 0; 
	right: auto;
	display: block !important;
}
.left2{
	display: none !important;
}
.right2{
	display: none !important;
}
.imgslider1{
	display: none;
}

.imgslider2{
	display: block;
}
	
.txtmovilcontacto{
	font-size: 65px !important;
}

.fondoslider3{
	left: -890.5px !important;
}

.txtmovilhiden{
	display: none !important;
}

.fondoslider2
{
	left: -250px !important;
	top: 50px !important;
	height: 466.9px !important;
	width: 878.8px !important;
}

.slide-sub-title-cel-left
{
	width: 100% !important;
	top: auto !important;
	bottom: 5% !important;
}
	
.slide-sub-title-cel-right{
	display: none !important;
}
	
.fondoslider1{
	left: -330px !important;
}

.preserve{

}
	
.footer-text{
	
}

.slide-item{
	/*height: auto !important;
	width: 50% !important;*/
}

.slider-section .slide-item{
	/*height: auto !important;
	width: 50% !important;*/	
}

.btn-inicio-izquierda{
	font-size: 15px !important;
	color: white;
	padding: 10px;
	background-color: black;
	border-radius: 4px;
	text-align: center !important;
	z-index: 500 !important;
	left: 10px !important;
	right: 10px;
	top: 50px;
	bottom: auto;
}

.btn-inicio-derecha{
	font-size: 15px !important;
	color: white;
	padding: 10px;
	background-color: black;
	border-radius: 4px;
	text-align: center !important;
	z-index: 500 !important;
	right: 10px !important;
	left: 10px !important;
	top: 120px;
	bottom: auto;
}

	/* - Footer Section */
	.footer-inner {
		margin-top: 0;
	}
	.footer-section [class*="col-xs-"] {
		float: none;
		text-align: left;
		width: 100%;
	}
	.footer-section .footer-item:nth-of-type(2){
		margin-top: 25px;
	}
	.footer-section .footer-item:nth-of-type(2) i {
		float: left;
		margin-left: 0;
	}
	.footer-section .copyright {
		padding-top: 20px;
	}
	
	.header-top h1 {
		font-size: 50px;
		line-height: 65px;
	}
	
	
	.blog-page .blog-inner .post {
		width: 100%;
	}
	
	.comment .media-left, 
	.comment .media > .pull-left {
		padding-right: 15px;
	}
}

@media (max-width: 360px) and (max-height: 600px) {
  .fondoslider3{
	left: -600.5px !important;
	}
}

@media (max-width: 360px) and (min-height: 600px) {
.fondoslider3{
	left: -740.5px !important;
}
}

@media (max-width: 360px) {
#myVideo {
  min-width: auto;
  min-height: 100%;
  position: absolute;
  top: 0px;
  left: -60%;
}
.menulobo
{
	width: 150px;
	height: auto;
}
.txttitulo1{
	font-size: 14px;
}
.titulodescripcion1{
	font-size: 14px !important;
}
.titulodescripcion2{
	font-size: 12px;
}
.titulo{
	bottom: 50px !important;
	font-size: 15px !important;
	padding-left: 5px !important;
	padding-right: 5px !important;
}
.descripcion{
	bottom: 10px !important;
}
.centerscreen{
	position: absolute;
	top: 0;
	height: 100%;
	width: 100%;
	left: 0; 
	right: auto;
	display: block !important;
}
.left2{
	display: none !important;
}
.right2{
	display: none !important;
}
.imgslider1{
	display: none;
}

.imgslider2{
	display: block;
}
	
.txtmovilcontacto{
	font-size: 65px !important;
}

.txtmovilhiden{
	display: none !important;
}

.fondoslider2
{
	left: -80px !important;
	top: 50px !important;
	height: 266.9px !important;
	width: 478.8px !important;
}
.btn-inicio-izquierda{
	font-size: 15px !important;
	color: white;
	padding: 10px;
	background-color: black;
	border-radius: 4px;
	text-align: center !important;
	z-index: 500 !important;
	left: 10px !important;
	right: 10px;
	top: 50px;
	bottom: auto;
}

.btn-inicio-derecha{
	font-size: 15px !important;
	color: white;
	padding: 10px;
	background-color: black;
	border-radius: 4px;
	text-align: center !important;
	z-index: 500 !important;
	right: 10px !important;
	left: 10px !important;
	top: 120px;
	bottom: auto;
}
	.slider-section .slide-title {
		width: 306px;
		height: 306px;
		padding: 27px 0;
		font-size: 20px !important;
		top: auto !important;
		bottom: -52% !important;
	}
	
	.slider-section .slide-title-main {
		width: 306px;
		height: 250px;
		padding: 27px 0;
		font-size: 20px !important;
		top: auto !important;
		bottom: -47% !important;
	}
}

